	Ext.onReady(function() {

	Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
	// 使用表单提示
	Ext.QuickTips.init();
	Ext.form.Field.prototype.msgTarget = 'qtip';

	// 根据Cookie里面存放的CSS style来动态改变id为text的样式
	var file = Ext.state.Manager.get('style');
	Ext.util.CSS.swapStyleSheet('test', 'css/' + file);
	// 定义表单登录函数
	function surely() {
		if (loginForm.form.isValid()) {// 验证合法后使用加载进度条

			// 提交到服务器操作
			loginForm.form.submit({
						url : 'user_login.action',// 文件路径
						method : 'post',// 提交方法post或get
						params : '',
						// 提交成功的回调函数
						success : function(form, action) {
							if (action.result.msg == 'ok') {
								window.location = 'backend_welcome.action';
							} else if (action.result.msg == 'wrong') {
								 Ext.Msg.alert('提示', '该用户已被禁用，请与系统管理员联系!', function(){  
									 window.location.reload();
					  		  });  
							
							} else if (action.result.msg == 'error') {
								 Ext.Msg.alert('提示', '用户名或密码错误，请与重新输入', function(){  
									 window.location.reload();
					  		  });  
							}
						},
						// 提交失败的回调函数
						failure : function(form, action) {
							if (action.failureType == 'server') {
								Ext.Msg.show({
									title : '连接错误',
									msg : '请求服务失败，请重试！',
									buttons : Ext.Msg.OK,
									icon : Ext.Msg.ERROR,
									width : 200
								});
							} else if (action.failureType == 'connect') {
								Ext.Msg.show({
									title : '连接错误',
									msg : '指定路径连接错误!',
									buttons : Ext.Msg.OK,
									icon : Ext.Msg.ERROR,
									width : 200
								});
							} else if (action.failureType == 'client') {
								Ext.Msg.show({
									title : '提示',
									msg : '数据错误，非法提交',
									buttons : Ext.Msg.OK,
									icon : Ext.Msg.ERROR,
									width : 200
								});
							} else {
								Ext.Msg.show({
									title : '警告',
									msg : '服务器数据传输错误',
									buttons : Ext.Msg.OK,
									icon : Ext.Msg.ERROR,
									width : 200
								});
							}
						}
					});
		}
	}
	var loginForm = new Ext.FormPanel({
		labelAlign : 'top',
		frame : true,
		monitorValid : true,// 把有formBind:true的按钮和验证绑定
		id : 'login',
		bodyStyle : 'padding:0',
		width : 500,

		// 定义表单元素
		// 指定容器中的元素
		items : [{
			layout : 'form', // 把整个空间划分成两列
			items : [{
				width : 347,
				height : 160,
				html : '<embed width="347" height="160" src="images/banner.swf" menu="false" wmode="transparent" />'
			}, {
				width : 347,
				cls:'pa_login',
				layout : 'form', // 右边列再分成上下两行
				items : [{
							xtype : 'fieldset',
							layout : 'form',
							title : '登录系统',
							cls:'font_dl',
							items : [{
										xtype : 'textfield',
										// 元素的名称
										name : 'userName',
										// 指定字段的标签
										fieldLabel : '用户名',
										width : 250,
										allowBlank : false,
										// 为空时提示信息
										blankText : '用户名不能为空',
										id : 'username'
									}, {
										xtype : 'textfield',
										name : 'password',

										fieldLabel : '密&nbsp;&nbsp;&nbsp;&nbsp;码',

										allowBlank : false,
										width : 250,
										blankText : '密码不能为空',
										inputType : 'password'
									}, {
										xtype : "label",
										text : "注：使用Enter回车键可登录系统。",
										cls:'zs_login'
									}]
						}]
			}]

		}],
		// buttons : [{
		// text : '登录',
		// type : 'submit',
		// // 定义表单提交事件
		// handler :surely
		// }, {
		// text : '取消',
		// handler : function() {
		// loginForm.form.reset();
		// }// 重置表单
		// }],
		keys : [{
					key : [10, 13],// 设置回车事件
					fn : surely
				}]

	});
	// 定义窗体
	// 构建一个窗口面板容器
	win = new Ext.Window({
				// 把该面板绑定于wins这个DIV对象上
				// el : 'wins',
				// 窗口面板标题
				title : '欢迎使用汉藏翻译业务管理系统 V1.0',
				// 窗口面板宽度
				width : 375,
				// 不容许任意伸缩大小
				resizable : false,
				// 高度
				autoHeight : true,
				// 该面板布局类型
				layout : 'column',
				// 面板是否可以关闭及打开
				collapsible : false,
				// 窗体拖拽 默认是TRUE
				draggable : false,
				closable : false,
				defaults : {
					// 容器内元素是否显示边框
					border : false
				},
				items : {
					// 指定内部元素所占宽度1表示100% .5表示50%
					columnWidth : 1,
					// 把表单面板容器增加入其中,使之成为窗口面板容器的子容器
					items : loginForm
				},
				// 面板中按钮的排列方式
				buttonAlign : 'center',
				// 面板底部的一个或多个按钮对象
				buttons : [{
							// 按钮上需显示的文本
							text : '登录',
							// 单击按钮时响应的动作
							handler : surely
						}, {
							text : '取消',
							handler : function() {
								loginForm.form.reset();
							}// 重置表单
						}],
				listeners : {
					"show" : function() {
						loginForm.getForm().reset();
						Ext.getCmp("username").focus('', 100);// 获得textfield的第一个焦点
					}
				}
			});

	win.show();// 显示窗体

});

// 点击更换验证码
function changeImg(obj) {

	obj.src = "code.do";
}